.xctips {
    letter-spacing:0.4px;
    border-radius: 1px;
    position: fixed;
    top: 20px;
    width: 100%;
    height: 35px;
    z-index: 999999999;
    color: #000;
    line-height: 35px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px!important;
    transition: background .2s linear;
    -webkit-transition: background .2s linear;
    font-family: "Microsoft YaHei", "微软细黑", "微软雅黑 Light" , "微软雅黑", "Arial", "SimSun", "宋体";
}
.xctips div{
    display: inline-block;
    /*padding: 0px 16px;*/
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
    pointer-events: all;
    margin: 0 0 6px;
    opacity: 0.8;
    padding: 15px 15px 15px 15px;
    width: 300px;
    text-align: left;
    font-size: 14px;
}
.xctips.info {

}

.xctips.success {

}

.xctips.error {

}

.xctips.loading {
    background: #cc3737;
    top: 0!important;
    color: white;
}
.xctips svg{
    margin-right: 5px;
    vertical-align: middle;
}